<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
	<ui:composition template="template/template.xhtml">
		<ui:define name="page-title" >#{messages.pedidos}</ui:define >
		<ui:define name="center">
			<h:outputText styleClass="title" value="#{messages.pedidos}"/>
        	<p:messages id="messages" showDetail="true" autoUpdate="true"/>  
        	<p:commandButton action="#{pedidoController.novoPedido}" value="#{messages.novoPedido}"  ajax="false"/>
         
           	<p:dataTable id="tabelaPedidos" var="pedido" value="#{pedidoController.pedidos}"  
		                 paginator="true" rows="10"  paginatorPosition="bottom"
		                 paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} "  
		                 rowsPerPageTemplate="5,10,15">  
		        
		      
		        <p:column>  
		            <f:facet name="header">  
		                <h:outputText value="#{messages.id}" />  
		            </f:facet>  
		            <h:outputText value="#{pedido.id}" />  
		        </p:column>  
		        
		        <p:column>  
		            <f:facet name="header">  
		                <h:outputText value="#{messages.estado}" />  
		            </f:facet>  
		            <h:outputText value="#{pedido.estadoPedido}" />  
		        </p:column>  
		  
		        <p:column>  
		            <f:facet name="header">  
		                <h:outputText value="#{messages.tipo}" />  
		            </f:facet>  
		            <h:outputText value="#{pedido.tipoPedido.nome}" />  
		        </p:column>  
		  
		        <p:column>  
		            <f:facet name="header">  
		                <h:outputText value="#{messages.descricao}" />  
		            </f:facet>  
		            <h:outputText value="#{pedido.descricao}" />  
		        </p:column>  
		  
		        <p:column>  
		            <f:facet name="header">  
		                <h:outputText value="#{messages.dataPedido}" />  
		            </f:facet>  
		            <h:outputText value="#{pedido.dataPedido}" > 
		            	<f:convertDateTime pattern="#{messages.dateTimeFormat}" />
		            </h:outputText> 
		        </p:column> 
		        
		        <p:column>  
		            <f:facet name="header">  
		                <h:outputText value="#{messages.dataExpedicao}" />  
		            </f:facet>  
		            <h:outputText value="#{pedido.dataExpedicao}" >  
		            	<f:convertDateTime pattern="#{messages.dateTimeFormat}" />
		            </h:outputText>
		        </p:column> 
		        
		        <p:column>  
		            <f:facet name="header">  
		                <h:outputText value="Deposito Expedição" />  
		            </f:facet>  
		            <h:outputText value="#{pedido.depositoExpedicao.nome}" />  
		        </p:column>
		        
		        <p:column>  
		            <f:facet name="header">  
		                <h:outputText value="#{messages.utilizador}" />  
		            </f:facet>  
		            <h:outputText value="#{pedido.utilizador.nome}" />  
		        </p:column>
		     
		        <p:column style="width:20px">  
		            <p:commandLink action="pedido" styleClass="ui-icon ui-icon-search" ajax="false">
		            	<f:param name="pedidoId" value="#{pedido.id}" />
		            </p:commandLink>
		        </p:column>
		        
		    </p:dataTable>
  
		</ui:define >
	</ui:composition>
</html>